<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<link rel="stylesheet" href="registerr.css">
</head>
   
<body>
    
    <div class="all">
      
            <div class="login">
                <div class="log1">欢迎注册</div>
                <p class="name">用户名</p>
                <p class="pwd1">密码</p>
                <p class="pwd2">再次输入密码</p>
                <p class="phone">电话</p>
                <form action="log.html">
                    <input type="text" id="username"  name="username" value="" onkeyup=check_username(value) placeholder="请输入3-8位字符" required><span id="check_username" >&nbsp;&nbsp;</span>
                    <input type="password" id="pwd1"  " name="pwd1" value="" onkeyup=check_pwd1(value) placeholder="请输入8-16位字符" required><span id="check_pwd1">&nbsp;&nbsp;</span>
                    <input type="password" id="pwd2" name="pwd2" onkeyup=check_pwd2(value) required><span id="check_pwd2">&nbsp;&nbsp;</span>
                    <input type="number" id="phone" name="phone" onkeyup=check_phone(value) required><span id="check_phone">&nbsp;&nbsp;</span>
                    <input type="number"id="code" name="code" onkeyup=check_code(value) required>
                    <input type="button" id="send"  value="获取验证码" onClick="sendMessage()"  ><span id="check_code">&nbsp;&nbsp;</span>
                    <input type="email" id="email" name="email" onkeyup=check_email(value) required><span id="check_email">&nbsp;&nbsp;</span>
                    
                        <div id="race">
                             <input type="radio" id="rac" value="汉" name="race1">汉
                        <input type="radio" id="rac" value="其他" name="race1">其他
                       </div>
                        
                    
                    
                        
                    <div id="gender" >
                        <p >
                            <input type="radio" id="mail" value="男" name="gender">男
                            <input type="radio" id="mail" value="女" name="gender">女
                        </p>
                    </div>
                   
                    <div id="indiv">
            
                        <input type="checkbox" id="indi"  name="individual">古风
                        <input type="checkbox" id="indi" name="individual">现代
                        <input type="checkbox"  id="indi" name="individual">摇滚
                    </div>
                        
                    <button class="submit" onclick="check_submit()">注册</button>
                    
                    
                </form>
                <p class="email">邮箱</p>
                <p class="race">民族</p>
                <p class="gender">性别</p>
                <p class="individual">音乐偏好</p>
            </div>
            
           <div class="register"></div>
            
            
        </div>

        <img src="thumbnail_large.png" alt="">
        <script src="jquery-1.8.3.js"></script>

<script >
        var send=$("#send")
        var count = 60
        var Interval
        
 
        function SetTime() {
            if (curcount == 0) {
                clearInterval=(InterVal1); 
                
               send.removeAttr('disabled')
                send.val("请重新发送");
            } else {
                curcount--;
                if(curcount>9){
                    send.val(curcount + "秒再获取");
                }else{
                    send.val("0"+ curcount + "秒再获取");
                }
                
            }
        }
        
        function sendMessage() {
            curcount=count;
            send.attr('disabled','true')
            send.val(count + "秒再获取");
            InterVal1=setInterval(SetTime, 1000);
           
        }
       
</script>
       <script type="text/javascript" src="myregister.js"></script>     
  
</html>
